<template>
  <div id="review">
    <headerTitle status="show" text="我要审核"></headerTitle>
    <div class="split20"></div>
    <div class="applyContainer">
      <ul class="applyFirst">
        <li>
          <label>姓名：</label>
          <span>韩帅帅</span>
        </li>
        <li>
          <label>职场：</label>
          <span>公司项目部</span>
        </li>
      </ul>
      <div class="split20"></div>
      <ul class="applyFirst">
        <li>
          <label>请假类型：</label>
          <span>年假</span>
        </li>
        <li>
          <label>开始日期：</label>
          <span>2017年3月20日、2017年3月21日</span>
        </li>
        <li>
          <label>请假天数：</label>
          <span>5</span>
        </li>
      </ul>
      <div class="split20"></div>
      <ul class="applyFirst">
        <li>
          <label>请假类型：</label>
          <span>事假</span>
        </li>
        <li>
          <label>开始日期：</label>
          <span>2017年3月20日、2017年3月21日</span>
        </li>
        <li>
          <label>请假天数：</label>
          <span>5</span>
        </li>
      </ul>
      <div class="split20"></div>
      <ul class="applyFirst">
        <li>
          <label>请假类型：</label>
          <span>病假</span>
        </li>
        <li>
          <label>开始日期：</label>
          <span>2017年3月20日、2017年3月21日</span>
        </li>
        <li>
          <label>请假天数：</label>
          <span>5</span>
        </li>
      </ul>
      <div class="split20"></div>
      <ul class="applyFirst">
        <li>
          <label>请假事由：</label>
          <span>家中有事</span>
        </li>
      </ul>
      <div class="split20"></div>
      <ul class="applyThree">
        <li>
          <label>附件信息：</label>
          <span>123</span>
        </li>
      </ul>
    </div>
    
    <div class="split20"></div>

    <div class="reviewBtn">
      <div m-role="UIbtn">提交</div>
      <div m-role="UIbtn">驳回</div>
    </div>
  </div>
</template>

<script>
  import headerTitle from '../commons/header.vue'
  export default {
    name: 'review',
    data () {
      return {
        msg: 'review',
      }
    },
    methods:{//方法
      
    },
    computed:{//计算  引入vuex里的state数据

    },
    mounted(){//组件加载完执行

    },
    watch:{//监听数据，某数据改变时触发事件

    },
    components:{//引入组件
      headerTitle
    },
    destroyed(){//离开组件

    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
